<div class="root" v-if="listLoaded">
    <tab-scroll ref="fTab" :tabItems="tabItems"></tab-scroll>

    <div class="footer-bar">
        <div class="bar-left" @click="goToCart">
            <div class="cart-wrapper">
                <image resize="cover" class="cart-img" :src="cartImg"></image>
                <text v-if="cartInfo.totalNum &&  cartInfo.totalNum > 0" class="cart-txt font-msyhl">{{cartInfo.totalNum > 99 ? '99+' : cartInfo.totalNum}}</text>
            </div>

            <text v-if="cartInfo.totalItems && cartInfo.totalItems > 0" class="cart-des font-msyhl">{{cartInfo.totalItems}}种商品</text>
        </div>

        <btn-item :disabled="!canBuy" @btnClick="btnClick">加入购物车</btn-item>
    </div>
</div>
